DISEÑO WEB


¿Qué es el diseño web?

El diseño web implica trabajo relacionado con el layout y diseño de páginas online, así como la producción de contenido, aunque generalmente se aplica a la creación de sitios web. En este caso, los diseñadores web crean las páginas utilizando lenguajes de marcado como HTML o XML. Por otro lado, la parte visual de los sitios está a cargo del CSS, término utilizado para estilizar los elementos escritos en HTML. Por lo tanto, es común que los diseñadores web utilicen ambos para construir un site porque juntos definirán cómo aparecerán las páginas en los navegadores. El proceso de creación de sitios se puede realizar desde herramientas como Adobe Dreamweaver (que requerirá que el profesional sepa más sobre los códigos) y CMS que son plataformas de administración de contenido. WordPress es uno de los más conocidos y prácticos porque tiene una serie de templates que pueden basar el sitio. El web designer tiene la tarea de instalarlos y personalizarlos según lo que cada cliente quiera.

Colores

Existen dos formas de declarar en CSS: podemos usar una combincion de tres colores basicos (rojo,verde y azul),o definir el matiz, la saturacion y laluminocidad.

El color final se crea considerando los niveles que aignamos a cada componente. Dependiendo del tipo de sistema que utilizamos para definir el color,tendremos que declarar los niveles usando números hexadecimales (desde 00 a FF), números decimales(desde 0 a 255)o porcentajes.

- rgb(rojo,verde,azul).-Esta función define un color por medio de lo valores especificados por los atributos (desde 0 a 255). El primer valor representa el nivel de rojo, el segundo valorrepresesenta el nivel de verde y el último valor el nivel de azul, por ejemplo,rgb(153,102,51).

-rgba(rojo,verde,azul,alfa).-Esta función es similar a la función rgb(), peroincluye un componente adicional para definir la opacidad (alfa). El valor se puede declarar entre 0y 1, con 0 como totalmente transparente y 1 como total opaco.

-hs(matiz,saturción,luminocidad).-Esta función define un color desde los valores especificados por lo atributos. Los valores se declaran en números decimales y porcentajes.

hsla(matiz,saturación,luminocidad,alfa).-Esta función es similar a la funcion hsl(), pero incluye un componente adicional para definir la opacidad (alfa).El valor se puede declarar entre 0 y 1, con 0 como totalmente transparente.

-color.- Esta propiedad declara el color del contenido del elemento.

EJEMPLO

Aquí creamos CSS y hacemos el ejercicio que les voy a mostrar a continuación:

imagen1

Luego creamos HTML después de crear el HTML le llamamos al CSS y terminamoss de hacer el ejercicio:

imagen2

Luego lo ejecutamos y este sería el reultado:

imagen3

Volver al Inicio